body {

    margin: 0;
    padding: 0;
    background-image: url(/img/bglogin.png);
    /* 背景图片 */
    background-repeat: no-repeat;
    /* 背景图片不重复 */
}

#bigBox {

    margin: 0 auto;
    /* login框剧中 */
    margin-top: 100px;
    /* login框与顶部的距离 */
    padding: 20px 50px;
    /* login框内部的距离(内部与输入框和按钮的距离) */
    background-color: #00000090;
    /* login框背景颜色和透明度 */
    width: 400px;
    height: 500px;
    border-radius: 10px;
    /* 圆角边 */
    text-align: center;
    /* 框内所有内容剧中 */
    opacity: 0.9;
}

#bigBox h1 {

    color: white;
    /* LOGIN字体颜色 */
}

#bigBox .inputBox {

    margin-top: 50px;
    /* 输入框顶部与LOGIN标题的间距 */
}

#bigBox .inputBox .inputText {

    margin-top: 20px;
    /* 输入框之间的距离 */
}

#bigBox .inputBox .inputText span {

    color: white;
    /* icon颜色 */
}

#bigBox .inputBox .inputText input {

    border: 0;
    /* 删除输入框边框 */
    padding: 10px 10px;
    /* 输入框内的间距 */
    border-bottom: 1px solid white;
    /* 输入框白色下划线 */
    background-color: #00000000;
    /* 输入框透明 */
    color: white;
    /* 输入字体的颜色 */
}

#bigBox .loginButton {

    margin-top: 3px;
    /* 按钮顶部与输入框的距离 */
    width: 300px;
    height: 40px;
    color: white;
    /* 按钮字体颜色 */
    border: 0;
    /* 删除按钮边框 */
    border-radius: 20px;
    /* 按钮圆角边 */
    background-image: linear-gradient(to right, #b8cbb8 0%, #b8cbb8 0%, #b465da 0%, #cf6cc9 33%, #ee609c 66%, #ee609c 100%);
    /* 按钮颜色 */
    cursor: pointer;
}